<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>个人资料-个人中心</title>
		<link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css" th:href="@{/layui/css/common.css}"/>
		<link rel="stylesheet" type="text/css" href="../../../static/layui/css/usercss/user.css" th:href="@{/layui/css/usercss/user.css}"/>
	</head>
	<body>
	<!-- 公共头部 -->
	<div th:replace="FrontPages/common/head::head(n=5)" name="headFrame"></div>
		<div class="user-index">
			<!-- 左侧目录 -->
			<div class="user-left-Navigation">
				<ul class="user-left-menu">
					<li class=""><a class="active" href="javascropt:;" name="1">个人资料</a></li>
					<li class=""><a href="javascropt:;" name="2">我的收藏</a></li>
					<li class=""><a href="javascropt:;" name="3">我关注的人</a></li>
					<li class=""><a href="javascropt:;" name="4">我的粉丝</a></li>
					<li class=""><a href="javascropt:;" name="5">浏览记录</a></li>
				</ul>
				<ul class="user-left-menu">
					<li class=""><a href="javascropt:;" th:href="@{/Blog/blogindex}">我的博客</a></li>
					<li class=""><a href="javascropt:;" th:href="@{/Diary/diaryedit}">我的日记</a></li>
				</ul>
			</div>
			<!-- 中间内容 -->
			<div class="user-main-menu">
				<div class="user-main-item" id="user-data" style="display: block;">
					<div class="user-data">
						<h3>个人资料</h3>
						<div class="detail-data">
							<div class="header">
								<img src="../../../static/layui/images/head-pic/head5.jpg" th:src="${session.user.getImg()!=null? session.user.getImg():'/layui/images/head-pic/head5.jpg'}"/>
								<p th:id="uploadhead">修改头像</p>
							</div>
							<div class="content_info">
								<span>ID:</span>
								<span th:text="${session.user!=null? session.user.getUid():'!@#@!#'}"></span>
								<a href="javascript:;" th:href="@{'/User/userexh/'+${session.user.uid}}">个人主页
									<i class="layui-icon">&#xe602;</i></a>
							</div>
							<div class="lit-info">
								<span th:text="${session.user.getFollows()!=null? '关注:'+session.user.getFollows():'关注:0'}">关注:0</span>
								<span th:text="${session.user.getFans()!=null? '粉丝:'+session.user.getFans():'粉丝:0'}">粉丝:0</span>
							</div>
							<div class="line"></div>
							<div class="nick">
								<span class="ni" th:text="${session.user.getName()!=null? '昵称:'+session.user.getName():'昵称:'}">昵称:清风</span>
								<span class="modif">修改资料</span>
							</div>
							<ul class="self">
								<li th:text="${session.user.getAutograph()!=null? '签名: '+session.user.getAutograph():'签名: '}">签名:</li>
								<li th:text="${session.user.getSex()=='1'? '性别: 男':'性别: 女'}">性别:</li>
								<li th:text="${session.user.getBirthday()!=null? '生日: '+session.user.getBirthday():'生日:  '}">生日:</li>
								<li th:text="${session.user.getPhone()!=null? '手机: '+session.user.getPhone():'手机: '}">手机:</li>
								<li th:text="${session.user.getEmail()!=null? '邮箱: '+session.user.getEmail():'邮箱: '}">邮箱:</li>
								<li th:text="${session.user.getSchool()!=null? '学校: '+session.user.getSchool():'学校: '}">学校:</li>
								<li th:text="${session.user.getProfessional()!=null? '职业: '+session.user.getProfessional():'职业: '}">职业:</li>
								<li th:text="${session.user.getDescription()!=null? '简介: '+session.user.getDescription():'简介: '}">简介:</li>
							</ul>
							<div class="modif_box">
								<input th:id="updatemsg" type="hidden" th:value="${msg}">
								<form class="layui-form" action="" th:id="form1">
									<div class="modif_box_item">
										<label class="layui-form-label">昵称:</label>
										<input type="text" name="nc" class="layui-input" th:value="${session.user.getName()!=null? session.user.getName():''}">
									</div>
									<div class="modif_box_item">
										<label class="layui-form-label">I D :</label>
										<input type="text" name="uid" class="layui-input" th:value="${session.user.getUid()!=null? session.user.getUid():''}">
									</div>
									<div class="modif_box_item">
										<label class="layui-form-label">签名:</label>
										<input type="text" name="qm" class="layui-input" th:value="${session.user.getAutograph()!=null? session.user.getAutograph():''}">
									</div>
									<div class="modif_box_item">
										<label class="layui-form-label">性别:</label>
										<!-- <div class="sex" style="float:left;"> -->
										<input type="radio" name="sex" value="男" title="男" th:checked="${session.user.getSex()=='1'}">
										<input type="radio" name="sex" value="女" title="女" th:checked="${session.user.getSex()=='0'}">
										<!-- </div> -->
									</div>
									<div class="modif_box_item">
										<label class="layui-form-label">生日:</label>
										<input th:id="birth" type="text" name="birthday" class="layui-input" th:value="${session.user.getBirthday()!=null? session.user.getBirthday():''}">
									</div>
									<!--<div class="modif_box_item">-->
										<!--<label class="layui-form-label">手机:</label>-->
										<!--<input type="text" name="phone" class=" layui-input" th:value="${session.user.getPhone()!=null? session.user.getPhone():''}">-->
									<!--</div>-->
									<!--<div class="modif_box_item">-->
										<!--<label class="layui-form-label">邮箱:</label>-->
										<!--<input type="text" name="email" class="layui-input" th:value="${session.user.getEmail()!=null? session.user.getEmail():''}">-->
									<!--</div>-->
									<div class="modif_box_item">
										<label class="layui-form-label">职业:</label>
										<input type="text" name="prof" class="layui-input" th:value="${session.user.getProfessional()!=null? session.user.getProfessional():''}">
									</div>
									<!--<div class="modif_box_item">-->
										<!--<label class="layui-form-label">学历:</label>-->
										<!--<input type="text" name="nc" class="layui-input" value="清风">-->
									<!--</div>-->
									<div class="modif_box_item">
										<label class="layui-form-label">学校:</label>
										<input type="text" name="school" class="layui-input" th:value="${session.user.getSchool()!=null? session.user.getSchool():''}">
									</div>
									<div class="modif_box_item">
										<label class="layui-form-label">简介:</label>
										<input type="text" name="desc" class="layui-input" th:value="${session.user.getDescription()!=null? session.user.getDescription():''}">
									</div>
									<div class="modif_but">
										<button class="cancel">取消</button>
										<button type="button" class="confirm" th:id="but1">确认 </button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="user-main-item" id="user-collection">
					<div class="user-collection">
						<div class="header1" id="header-block">
							<h3>我的收藏夹</h3>
							<!--<a class="new-collection"><i class="layui-icon">&#xe654;</i>-->
								<!--新建收藏夹</a>-->
						</div>
						<div class="collection-content">
							<ul>
								<li>
									<span class="collection-dir">默认收藏夹</span>
									<!--<span class="collection-info">0条内容</span>-->
									<i class="layui-icon">&#xe623;</i>
								</li>
							</ul>
						</div>

						<!-- 收藏夹 -->
						<div class="header1" id="header-none">
							<h3><i class="layui-icon">&#xe603;</i>我创建的收藏夹</h3>
						</div>
						<div class="collection-list">
							<ul>
								<li style="border-bottom: 1px solid #e0e0e0;">
									<span class="collection-dir">默认收藏夹</span>
									<!--<span class="collection-info">收藏夹描述：巴拉巴拉</span>-->
									<b class="collection-line lline">1条内容</b>
									<!--<em class="cursor lline x">编辑</em>-->
									<!--<em class="cursor lline x">删除</em>-->
									<!--<em class="cursor x">批量管理</em>-->

									<em class="cursor lline y" onclick="cleancol(this);">取消收藏</em>
									<!--<em class="cursor lline y">移至其他收藏夹</em>-->
									<em class="cursor y">退出批量管理</em>
									<div class="all_select">
										<input type="checkbox" id="select_all" />
										<span>全选</span>
									</div>
								</li>

								<ul class="collection-items">
									<!--<li>-->
										<!--<div class="collection-item">-->
											<!--<span>-->
												<!--<a class="item-title">机器学习入门概念&#45;&#45;心血总结&#45;&#45;史上最强&#45;&#45;入门必读&#45;&#45;回味无穷</a>-->
												<!--<input type="checkbox" class="sel" />-->
												<!--<a class="item-right">取消收藏</a>-->
											<!--</span>-->
											<!--<span>-->
												<!--<em class="lline"></em>-->
												<!--<b class="collection-line">2018-04-12 12:45</b>-->
											<!--</span>-->
										<!--</div>-->
									<!--</li>-->
								</ul>
								<div class="paging" id="page1"></div>
							</ul>
						</div>
					</div>
				</div>
				<div class="user-main-item" id="user-follows">
					<div class="user-follows">
						<div class="header1">
							<h3>我关注的人</h3>
							<a class="new-collection">共<span th:text="${follows.size()}?:0"></span>人</a>
						</div>
						<div class="fllows-content">
							<ul>
								<li th:each="follow:${follows}">
									<img src="../../../static/layui/images/head-pic/head1.jpg" th:src="${follow.dimg}?:@{/layui/images/head-pic/head2.jpg}"/>
									<a href="javascript:;" th:href="@{'/User/userexh/'+${follow.did}}"><span th:text="${follow.dname}?:${follow.did}">清风</span> </a>
									<button class="cel_fllow" th:value="${follow.did}" onclick="follow(this);">取消关注</button>
								</li>
							</ul>
						</div>
						<div class="paging" id="page2"></div>
					</div>
				</div>
				<div class="user-main-item" id="user-fans">
					<div class="user-fans">
						<div class="header1">
							<h3>我的粉丝</h3>
							<a class="new-collection">共<span th:text="${fans.size()}?:0"></span>人</a>
						</div>
						<div class="fllows-content">
							<ul>
								<li th:each="fan:${fans}">
									<img src="../../../static/layui/images/head-pic/head1.jpg" th:src="${fan.img}?:@{/layui/images/head-pic/head2.jpg}"/>
									<a href="javascript:;" th:href="@{'/User/userexh/'+${fan.uid}}"><span th:text="${fan.name}?:${fan.uid}">清风</span> </a>
									<button class="cel_fllow" th:value="${fan.uid}" onclick="fan(this);">关注</button>
								</li>
							</ul>
						</div>
						<div class="paging" id="page3"></div>
					</div>
				</div>
				<div class="user-main-item" id="user-history">
					<div class="user-history">
						<div class="header1">
							<h3>浏览历史</h3>
							<a class="new-collection" th:value="${session.user.id}">全部删除</a>
						</div>
						<div class="history-content">
							<ul>
								<li th:each="his,hisStat:${historys}">
									<div class="blog-list-item">
										<span th:text="${bloghis.get(hisStat.index).title}"></span>
										<i id="ledit" class="layui-icon" th:value="${his.hid}">&#x1006;</i>
										<span id="time" th:text="${his.date}"></span>
									</div>
								</li>
							</ul>
						</div>
						<div class="paging" id="page4"></div>
					</div>
				</div>
				<div class="nothing">
					<div class="nothing-tips">
						<i class="layui-icon">&#xe61c;</i>
						<p>这里没有任何内容哦!!!</p>
					</div>
				</div>
			</div>

			<!-- 右侧标签片 -->
			<div class="ifra_tip">
				<!--<iframe src="../common/user_tip.html" width="255px" ; height="305px" frameborder="0" scrolling="no" name="userFrame"></iframe>-->
				<!--&lt;!&ndash; 广告 &ndash;&gt;-->
				<!--<iframe src="../common/adv1.html" width="255px" ; height="255px" frameborder="0" scrolling="no" name="userFrame"></iframe>-->

				<div th:replace="FrontPages/common/user_tip::usertip(user=${user1})" ></div>
				<div th:replace="FrontPages/common/adv1::adv1" ></div>
			</div>
			<div style="clear: both;"></div>
		</div>
		<!--公共尾部-->
		<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

		<script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
		<script type="text/jscript" src="../../../static/layui/lay/js/user.js" th:src="@{/layui/lay/js/user.js}"></script>
		<script type="text/jscript" src="../../../static/layui/lay/js/userfile.js" th:src="@{/layui/lay/js/userfile.js}"></script>
		<!-- 背景特效 -->
		<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
	</body>
</html>
